import React from 'react'
import Svg, { Path, Circle } from 'react-native-svg'

const NotificationsSvg = ({ size, color }: { size: number; color: string }) => {
  return (
    <Svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none">
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.00209 2.39469C8.09114 1.04085 9.22714 0 10.5771 0C11.927 0 13.063 1.04085 13.1521 2.39469C16.8935 3.48927 19.6413 6.90905 19.6413 10.9891V15.6767C20.5191 16.0142 21.1541 16.8589 21.1541 17.8719V18.7249C21.1541 19.6895 20.3663 20.4381 19.438 20.4381H14.8438C14.2184 22.1852 12.5321 23.4234 10.5771 23.4234C8.62203 23.4234 6.93577 22.1852 6.31037 20.4381H1.71612C0.787893 20.4381 0 19.6895 0 18.7249V17.8719C0 16.8589 0.635048 16.0142 1.51285 15.6767V10.9891C1.51285 6.90905 4.26067 3.48927 8.00209 2.39469ZM10.5771 4.96548L9.70598 5.08835C6.75409 5.50473 4.51285 8.00162 4.51285 10.9891V17.4381H9.05138V18.9381C9.05138 19.738 9.71691 20.4234 10.5771 20.4234C11.4372 20.4234 12.1028 19.738 12.1028 18.9381V17.4381H16.6413V10.9891C16.6413 8.00162 14.4001 5.50473 11.4482 5.08835L10.5771 4.96548Z"
        fill={color}
      />
      <Circle
        cx="18.5942"
        cy="7.62463"
        r="5"
        fill="#32C48D"
        stroke="white"
        strokeWidth="2"
      />
    </Svg>
  )
}

export default NotificationsSvg
